<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

<template>
  <div class="greeting">
    <h1>{{ msg }}</h1>
    <div class="card">
      <button type="button" @click="count++">
        count is {{ count }}
      </button>
      <p>
        Edit
        <code>components/HelloWorld.vue</code>
        to test hot module replacement
      </p>
    </div>
    <p class="read-the-docs">
      Click on the Vite and Vue logos to learn more
    </p>
  </div>
</template>

<style scoped>
.greeting h1 {
  margin: 0 0 1rem 0;
  font-size: 2em;
}
</style>